<!doctype html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="Author" content="lg">
	<title>首页</title>
	<meta name="Keywords" content="关键词，关键词，关键词，。。。">
	<meta name="Description" content="">
	<link rel="stylesheet" href="css/iconfont/iconfont.css">
	<link rel="stylesheet" href="css/base.css" media="all">	
	<link rel="stylesheet" href="css/model.css" media="all">
	<link rel="stylesheet" href="css/common.css" media="all">
	<link rel="stylesheet" href="css/login.css" media="all">
	<link rel="stylesheet" href="css/index2.css" media="all">
	<link rel="stylesheet" href="css/swiper.min.css" media="all">
	

</head>
<body>
	<!-- header start -->
	<div id="header">
		<div class="topbar topbar-white-style min-w">
			<div class="container clearfix">
				<div class="logo">
					<a href="index.html">
						logo
						<img class="dis-n" src="" alt="" width="200px" height="60px">
					</a>
				</div>
				<div class="shortcut fl-l mar-t10">
					<ul class="clearfix">
						<li><a href="course.html">视频</a></li>
						<li><a href="video.html">直播</a></li>
						<li><a  href="upload.html">分享</a></li>
						<li><a href="#">博客</a></li>
						<li><a href="#">猿问</a></li>
					</ul>
				</div>
				<div class="search">
					<form action="#">
						<input  type="text" id="search" placeholder="搜索">
						<button id="searchbtn"><i class="iconfont icon-search f-size24 c-666"></i></button>
					</form>
				</div>
				<div  class="userarea">
					<ul id="userarea">
						<li>
							<a href="#" class="pos-r">
								<b id="shopcar-num"></b>
								<i class="iconfont icon-gouwuchekong c-777 f-size18"></i>
								购物车
							</a>
						</li>
						<li id="login"><a href="#">登录</a></li>
						<li id="register"><a href="sin_up.html">注册</a></li>
						<li id="news">
							<a href='#'  class="pos-r">
								<b id="news-num"></b>
								<i class='iconfont icon-lingdang f-size20'></i>3v
						</li>
						<li id="userhead">
							<a href="#">
								<img alt="" width="40" height="40">
							</a>	
							<ul class="sub-nav">
								<li>
									<a href="user_center.html">个人中心</a>
								</li>
								<li>
									<a href="#" onclick="logout();">退出</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<div id="login-box">
			<div id="login-close"><i class="iconfont icon-close"></i></div>
			<h1>登录</h1>
			<span>@邮箱</span><b id="email-tip"></b>
			<input id="email" type="text" name="email">
			<span>@密码</span><b id="password-tip"></b>
			<input id="password" type="password" name="password">
			<em id="login-tip"></em>
			<button id="login-btn">登录</button>
			<div class="link">
				<a href="sin_up.html">注册账号</a>
				<a href="reset-password.html">忘记密码？</a>
			</div>
		</div>
		<div class="main-banner min-w pos-r">
			<div class="swiper-container container">
				<ul class="swiper-wrapper">
					<li class="swiper-slide">
						<a href="">
							<img src="img/1.jpg" alt="">
						</a>
					</li>
					<li class="swiper-slide">
						<a href="">
							<img src="img/2.jpg" alt="">
						</a>
					</li>
					<li class="swiper-slide">
						<a href="">
							<img src="img/3.jpg" alt="">
						</a>
					</li>
					<li class="swiper-slide">
						<a href="">
							<img src="img/4.jpg" alt="">
						</a>
					</li>
					<li class="swiper-slide">
						<a href="">
							<img src="img/5.jpg" alt="">
						</a>
					</li>
				</ul>
				<div class="swiper-pagination"></div>
				<div class="swiper-button-prev swiper-button-white"></div>
				<div class="swiper-button-next swiper-button-white"></div>
				<div id="menu">
					<ul>
						<li>
							<a href="">
								前端开发
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">HTML5</a>
									</li>
									<li>
										<a href="#">CSS3</a>
									</li>
									<li>
										<a href="#">JavaScript</a>
									</li>
									<li>
										<a href="#">Jquery</a>
									</li>
									<li>
										<a href="#">Node.js</a>
									</li>
									<li>
										<a href="#">Vue.js</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">
								后端开发
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">PHP</a>
									</li>
									<li>
										<a href="#">Java</a>
									</li>
									<li>
										<a href="#">Python</a>
									</li>
									<li>
										<a href="#">C</a>
									</li>
									<li>
										<a href="#">C++</a>
									</li>
									<li>
										<a href="#">C#</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">
								移动开发
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">Android</a>
									</li>
									<li>
										<a href="#">IOS</a>
									</li>
									<li>
										<a href="#">Unity 3D</a>
									</li>
									<li>
										<a href="#">Cocos2d-x</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">
								数据库
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">MySQL</a>
									</li>
									<li>
										<a href="#">MongoDB</a>
									</li>
									<li>
										<a href="#">Oracle</a>
									</li>
									<li>
										<a href="#">SQL Sever</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">
								云计算&大数据
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">云计算</a>
									</li>
									<li>
										<a href="#">大数据</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">
								运维&测试
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">测试</a>
									</li>
									<li>
										<a href="#">Linux</a>
									</li>
								</ul>
							</div>
						</li>
						<li>
							<a href="">
								UI设计
								<i class="arrow iconfont icon-arrow"></i>
							</a>
							<div class="sub-menu">
								<ul>
									<li>
										<a href="#">动画特效</a>
									</li>
									<li>
										<a href="#">APPUI设计</a>
									</li>
									<li>
										<a href="#">设计工具</a>
									</li>
									<li>
										<a href="#">设计基础</a>
									</li>
								</ul>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<!-- header end -->
	<!-- main start -->
	<div id="main" class="min-w mar-t30">
		<div class="container">
			<div class="type-wrapper">
				<div class="section-normal clearfix">
					<div class="titlebar">
						<h2>热门推荐</h2>
						<div class="more">
							<a href="#">
								更多
								<i class="iconfont icon-arrow"></i>
							</a>
						</div>
					</div>
					<div class="content clearfix">
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price">￥99.00</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price">￥99.00</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price">￥99.00</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price">￥99.00</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper last-item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price">￥99.00</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="type-wrapper">
				<div class="section-normal clearfix">
					<div class="titlebar">
						<h2>免费课程</h2>
						<div class="more">
							<a href="#">
								更多
								<i class="iconfont icon-arrow"></i>
							</a>
						</div>
					</div>
					<div class="content clearfix">
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper last-item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="type-wrapper">
				<div class="section-normal clearfix">
					<div class="titlebar">
						<h2>前端开发工程师</h2>
						<div class="more">
							<a href="#">
								更多
								<i class="iconfont icon-arrow"></i>
							</a>
						</div>
					</div>
					<div class="content clearfix">
						<div class="course-in-action item">
							<a class="action-entrance" href="#">
								<h3 class="action-type">前端开发实战</h3>
								<div class="icon">
									<i class="iconfont icon-zhandou"></i>
								</div>
								<div class="action-btn">进&nbsp;&nbsp;入</div>
							</a>
						</div>
						<div class="course-banner course-banner-long last-item">
							<a href="#" class="course-entrance">
								<h3 class="course-title">HTML/CSS</h3>
								<p class="course-desc">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper last-item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="type-wrapper">
				<div class="section-normal clearfix">
					<div class="titlebar">
						<h2>Android开发工程师</h2>
						<div class="more">
							<a href="#">
								更多
								<i class="iconfont icon-arrow"></i>
							</a>
						</div>
					</div>
					<div class="content clearfix">
						<div class="course-in-action item">
							<a class="action-entrance" href="#">
								<h3 class="action-type">Android开发实战</h3>
								<div class="icon">
									<i class="iconfont icon-zhandou"></i>
								</div>
								<div class="action-btn">进&nbsp;&nbsp;入</div>
							</a>
						</div>
						<div class="course-banner course-banner-short item">
							<a href="#" class="course-entrance">
								<h3 class="course-title">HTML/CSS</h3>
								<p class="course-desc">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
							</a>
						</div>
						<div class="course-banner course-banner-short last-item">
							<a href="#" class="course-entrance">
								<h3 class="course-title">HTML/CSS</h3>
								<p class="course-desc">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper last-item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="type-wrapper">
				<div class="section-normal clearfix">
					<div class="titlebar">
						<h2>ISO开发工程师</h2>
						<div class="more">
							<a href="#">
								更多
								<i class="iconfont icon-arrow"></i>
							</a>
						</div>
					</div>
					<div class="content clearfix">
						<div class="course-in-action item">
							<a class="action-entrance" href="#">
								<h3 class="action-type">ISO开发实战</h3>
								<div class="icon">
									<i class="iconfont icon-zhandou"></i>
								</div>
								<div class="action-btn">进&nbsp;&nbsp;入</div>
							</a>
						</div>
						<div class="course-banner course-banner-long last-item">
							<a href="#" class="course-entrance">
								<h3 class="course-title">HTML/CSS</h3>
								<p class="course-desc">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper last-item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
			<div class="type-wrapper">
				<div class="section-normal clearfix">
					<div class="titlebar">
						<h2>JAVA开发工程师</h2>
						<div class="more">
							<a href="#">
								更多
								<i class="iconfont icon-arrow"></i>
							</a>
						</div>
					</div>
					<div class="content clearfix">
						<div class="course-in-action item">
							<a class="action-entrance" href="#">
								<h3 class="action-type">JAVA开发实战</h3>
								<div class="icon">
									<i class="iconfont icon-zhandou"></i>
								</div>
								<div class="action-btn">进&nbsp;&nbsp;入</div>
							</a>
						</div>
						<div class="course-banner course-banner-long last-item">
							<a href="#" class="course-entrance">
								<h3 class="course-title">HTML/CSS</h3>
								<p class="course-desc">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
						<div class="course-card-wrapper last-item">
							<a class="course-card" href="#">
								<div class="course-card-top">
									<i class="iconfont icon-huo"></i>
									<span class="course-type">HTML/CSS</span>
									<div class="course-level">初级</div>
								</div>
								<div class="course-card-content">
									<h3 class="course-card-title">HTML+CSS基础课程</h3>
									<p class="course-card-desc" title="HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义">HTML+CSS基础教程8小时带领大家步步深入学习标签用法和意义</p>
								</div>
								<div class="course-card-bottom">
									<div class="course-card-info">66666人在学</div>
									<div class="course-card-price course-card-price-free">免费</div>
								</div>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- main end-->
	<!-- footer start -->
	<div id="footer"></div>
	<!-- footer end -->
	<script src="js/util.js" charset="utf-8"></script>
	<script src="js/form-util.js" charset="utf-8"></script>
	<script src="js/login.js" charset="utf-8"></script>
	<script src="js/swiper.min.js"></script>
	<script src="js/commonSearch.js"></script>
	<script>
		var mainSwiper = new Swiper(".swiper-container",{
			direction : "horizontal",
			autoplay : 5000,
			pagination : ".swiper-pagination",
			width : 1366,
			autoplayDisableOnInteraction : false,
			paginationClickable :true,
			paginationElement : 'li',
			loop: true,
			prevButton:'.swiper-button-prev',
			nextButton:'.swiper-button-next'
		});
	</script>
</body>
</html>
